<
<template>
  <div class="rightBar">
    <el-popover
      placement="top-start"
      width="200"
      trigger="hover"
      content="购物车">
      <el-button slot="reference" @click="handleClick('/cart/cart')"><i class="el-icon-shopping-cart-2"></i></el-button>
    </el-popover>
    <el-popover
      placement="top-start"
      width="200"
      trigger="hover"
      content="会员中心">
      <el-button slot="reference"  @click="handleClick('/onceInfo/onceInfo')"><i class="el-icon-user-solid"></i></el-button>
    </el-popover>
    <el-popover
      placement="top-start"
      width="150"
      trigger="hover"
      content="收藏列表">
      <el-button slot="reference"  @click="handleClick('/collection/collection')"><i class="el-icon-star-on"></i></el-button>
    </el-popover>
  </div>
</template>
<script>
  export default {
    data() {
      return {};
    }
    , methods: {
      handleClick(path){
        this.$router.push(path)
      }
    }
  };
</script>

<style lang="less">
  .rightBar {
    float: right;
    width: 60px;
    margin-top: 150px;
  }
</style>
